<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/jplx.css">
    <title>精品路线-领队自由行</title>
</head>

<body>
    <div class="header">
        <div class="header-c">
            <div class="logo"><img src="img/p1/LOGO.png" alt=""></div>
            <ul class="nav clear">
                <li class="nav-item clear"><a href="index.html">首页</a><span class="line"></span></li>


                <li class="nav-item clear"><a href="tbch.html">特别策划</a><span class="line"></span></li>


                <li class="nav-item clear"><a class="action"  href="jplx.html">精品路线</a><span class="line action">
                    <div class="kz">
                        <a class="kz-a" href="tuandui.html">定制团体游</a>
                        <a class="kz-a" href="jplx.html">领队自由行</a>
                    </div>
                </span></li>


                <li class="nav-item clear"><a href="about.html">关于我们</a><span class="line">
                    <div class="kz">
                        <a class="kz-a" href="about.html">企业理念</a><br>
                        <a class="kz-a" href="about.html">品牌介绍</a>
                    </div>
                </span></li>


                <li class="nav-item clear"><a href="lxwm.html">联系我们</a><span class="line">
                    <div class="kz">
                        <a class="kz-a" href="tuandui.html">在线咨询</a><br>
                        <a class="kz-a" href="lxwm.html">留言版块</a>
                    </div>
                </span></li>

            </ul>
        </div>
    </div>
    <div class="main">
        <div class="main-c">
            <div class="nav">
                <a class="a1" href=""><span class="s1">境外游</span></a>
                <ul class="nav-item">
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t1.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t2.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t3.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="nav">
                <a class="a1" href=""><span class="s1">国内游</span></a>
                <ul class="nav-item">
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t4.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t5.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t6.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="nav">
                <a class="a1" href=""><span class="s1">省内游</span></a>
                <ul class="nav-item">
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t7.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t8.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                    <li class="content">
                        <a href="">
                            <img src="img/p4/t9.jpg" alt="">
                            <div class="mask">
                                <div class="bk"></div>
                            </div>
                            <div class="wz">
                                <p class="p1">京都岚山深度 一日游</p>
                                <p class="p2">寻找我们的风花雪月</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="page">
                <div class="number">
                    <a href="" class="a-n"><span class="s-n">1</span></a>
                    <a href="" class="a-n"><span class="s-n">2</span></a>
                    <a href="" class="a-n"><span class="s-n">3</span></a>
                    <a href="" class="a-n"><span class="s-n">4</span></a>
                    <a href="" class="a-n"><span class="s-n">5</span></a>
                    <a href="" class="a-n"><span class="s-n">6</span></a>
                    <a href="" class="a-n"><span class="s-n">7</span></a>
                    <a href="" class="a-n"><span class="s-n">8</span></a>
                    <a href="" class="a-n"><span class="s-n">9</span></a>
                    
                    
                </div>
                <div class="dot">
                    <span class="s-dot">...</span>
                </div>
                <div class="more">
                    <a href="" class="n-more"><span class="s-more">MORE</span></a>
                    
                </div>
            </div>
        </div>
    </div>


    <div class="footer">
        <div class="footer-c">
            <div class="f-l">
                <span>慢旅Slow Travle工作室 </span>
                <p>
                    地点：中国河南省郑州市绿地新都汇
                    <br>
                    邮编：1000000
                    <br>
                    电话：0392-23656504
                    <br>
                    邮箱：manlv@qq.com
                    <br>
                <div class="a-q">
                    <a href=""><img src="img/p1/QQ.png" alt=""></a>
                    <a href=""><img src="img/p1/wb.png" alt=""></a>
                    <a href=""><img src="img/p1/vx.png" alt=""></a>
                </div>
                <p>COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.</p>
                </p>

            </div>
            <div class="f-r">
                <div class="user-item">
                    <div class="xx">
                        <p>姓名</p>
                        <input type="text">
                    </div>
                    <div class="xx">
                        <p>邮箱</p>
                        <input type="text">
                    </div>
                    <div class="xx">
                        <p>电话</p>
                        <input type="text">
                    </div>

                </div>
                <div class="user-work">
                    <p>内容</p>
                    <input class="i1" type="text">
                </div>
                <div class="submit">
                    <input type="image" src="img/p1/tj.jpg">
                </div>
            </div>
        </div>
    </div>
</body>

</html>